<template>
  <view class="content">
    <view class="head" :style="{backgroundColor:color}">
      <uni-icons type="arrowleft" size="20" class="icon" @click="goback"></uni-icons>
      <view class="heard_word">
        {{title}}
      </view>
      <view class="box" @click="Publish_task">
        <image src="@/static/working_condition/fb.png" mode=""></image>
        发布任务
      </view>
    </view>
  </view>
</template>
<script>
   import dateFtt from '@/util/dateFtt.js'
  export default {
    data() {
      return {
       
      };
    },
    methods: {
      goback(){
        uni.navigateBack()
      },
      Publish_task(){
        this.$emit('Publish_task')
      }
    },
    props: ['title',  'color']
  }
</script>
<style lang="scss">
  .content{
     // margin-top: calc( var(--status-bar-height));
    width: 100%;
    position: fixed;
     z-index: 999;
    
  }
  .head {
    overflow: hidden;
    position: relative;
     height: calc(88rpx + var(--status-bar-height));
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 !important ;
  }

  .heard_word {
    font-size: 36rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    margin-bottom: 21rpx;
  }
  .icon{
    position: absolute;
    left: 40rpx;
    bottom: 25rpx;
  }
  
   .box{
     width: 160rpx;
     font-size: 28rpx;
     font-family: PingFang-SC-Medium, PingFang-SC;
     font-weight: 500;
     color: #333333;
     position: absolute;
     bottom: 25rpx;
     right: 10rpx;
     image{
       width: 32rpx;
       height: 31rpx;
     }
   }
</style>
